<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <head th:replace="common/common_css :: css(~{::link})">
    </head>
    <title>门诊就诊</title>
    <link rel="stylesheet" type="text/css" th:href="@{css/mcss/mcss_outpatient.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/chosen.min.css}"/>
    <link type="text/css" rel="stylesheet" th:href="@{/css/preloader.css}">
    <style>
        .gutter{
            display: none !important;
        }

        textarea{
            width: 800px !important;
            height: 200px;
        }
    </style>
</head>
<body>

<div id="preloader">
    <div id="preloader-inner"></div>
</div>
<div id="wrapper">
    <div th:replace="common/common_left :: left"></div>

    <div id="content-wrapper" class="d-flex flex-column content-wrapper">
        <div id="content">
            <div th:replace="common/common_head :: head"></div>

            <!--正文-->
            <div>
                <div class="card shadow mb-12" style="margin-left: 2.5%;height: 800px">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">患者基本信息</h6>
                    </div>
                    <div class="card-body" style="margin: auto">
                        <div class="split split-horizontal" >


                            <div style="margin-left: 5%">
                                <div class="textbox">
                                    卡号<input type="text" style="width: 180px" id="cardId">
                                    <div class="cardId-search">
                                        <button class="btn btn-success" onclick="getCardIdInfor(1)">
                                            <img class="png" th:src="@{/images/icon/search.png}">
                                        </button>
                                    </div>

                                    <div id="new-img" style=" visibility: hidden">
                                        <img style="width: 35px;height: 35px;"
                                             th:src="@{/images/icon/newPatien.png}" title="请记录新开卡的病人信息">
                                    </div>
                                    婚姻<input type="text" id="maritalStatus" style="width: 180px">&emsp;
                                    职业<input type="text" id="career" style="width:180px">
                                </div>


                                <div class="textbox_2">

                                    <div style="display: flex;">
                                        <div style="width: 60px;line-height: 60px">个人史</div>
                                        <textarea id="personalHistory"></textarea>
                                    </div>

                                    <div style="display: flex; margin-top: 30px">
                                        <div style="width: 60px;line-height: 60px">既往史</div>
                                        <textarea type="text" id="pastHistory"></textarea>
                                    </div>

                                    <div style="display: flex;margin-top: 30px">
                                        <div style="width: 60px;line-height: 60px">家族史</div>
                                        <textarea type="text" id="familyHistory"></textarea>
                                    </div>



<!--                                    <div style="display: flex;margin: 20px 0 0 17px;">-->
<!--                                        <div style="width: 40px;line-height: 60px">主诉</div>-->

<!--                                        <textarea id="conditionDescr"></textarea>-->
<!--                                    </div>-->

                                    <div class="mybtn2" id="new-submit" style="float: right">
                                        <button class="btn btn-info" onclick="changePatientInfor()">提交修改</button>
                                    </div>

                                </div>
                            </div>
                        </div>


                    </div>

                </div>
            </div>


        </div>
    </div>

</div>
<div>
    <div th:replace="common/common_js :: js(~{::script})"></div>
    <script type="text/javascript" th:src="@{/js/jquery.preloader.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/chosen.jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/split.min.js}"></script>
    <script th:src="@{/sb-admin-2/bootstrap/bootstrap-table.min.js}"></script>
    <script th:src="@{/sb-admin-2/bootstrap/bootstrap-table-zh-CN.js}"></script>
    <script type="text/javascript" th:src="@{/js/mjs/mjs_outpatient.js}"></script>
    <script type="text/javascript" th:src="@{/js/Print.js}"></script>
</div>
</body>
</html>
